<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="./static/css/style.css" />
  <title>梅 语 莳 节</title>
</head>

<body>
  <div class="top">
    <img src="./static/image/header4.jpg" alt="" class="header" />
    <section class="brief">
      <p>Love Diary</p>
    </section>
  </div>
  <div class="content">
    <section class="line">
      <section id="date_time">
        公元贰零贰贰年王玖月叁拾日
      </section>
    </section>
    <section class="content_main">
      <h2 class="title">宝贝梅子！🥰</h2>
      <section class="section">
        <p>首先，我爱你~😘宝贝儿~✨生日快乐~🎉</p>
        <p>这是我为你亲自做的网站——一个专属我们的情侣博客，记录我们在一起的点点滴滴。这是只是第一篇，只要世界不塌，我们的故事永远都在进行~💕</p>
        <p>后面我会出一些功能，让你也能发贴子.</p>
        <p>虽然现在这个网站很简陋，但也花了我很多心思💡，毕竟才是开始，像现在的我们，我们的故事其实也才开始🥰</p>
        <p>宝贝，我们10月1号见~我还有两件礼物送你💝</p>
      </section>
      <img class="image .hidden-xs" src="./static/image/loveCentents.jpg" alt="" />
      <section class="audio">
        <div id="audio_title" class="audio_visible"></div>
        <audio class="audio_sources" autoplay="autoplay" loop="loop">
          <source id="audio_source1" src="./static/audio/那个男孩-汪苏泷.mp3">
        </audio>
        <div id="audio_button" class="audio_visible">
          <div class="audio_button" id="audio_button_left">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path
                d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 278.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" />
            </svg>
          </div>
          <div class="audio_button" id="audio_button_middle">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path
                d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z" />
            </svg>
          </div>
          <div class="audio_button" id="audio_button_right">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path
                d="M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" />
            </svg>
          </div>
        </div>
      </section>
    </section>
  </div>
  <script src="./static/js/layout.js"></script>
  <script src="./static/js/audio.js"></script>

</body>

</html>